import './resizer.css';
import { computed, defineComponent, unref } from 'vue';

export default defineComponent({
	name: 'Resizer',
	props: {
		split: {
			type: String,
			required: true,
		},
		className: {
			type: String,
			default: '',
		},
	},
	setup(props) {
		const classes = computed(() => {
			return ['splitter-pane-resizer', props.split, props.className].join(' ');
		});

		return () => <div class={unref(classes)}></div>;
	},
});
